import { createRouter, createWebHistory } from "vue-router";

import HomeView from "../components/HelloWorld.vue";
import AboutView from "../components/About.vue";
import LoginView from "../pages/Login.vue";
import ChartLineView from "../components//charts/ChartLine.vue";
import AmazingLoading from "../components/animations/AmazingLoading.vue";
import ModeView from "../common/theme/Mode.vue";
import AccordionView from "../shad/Accordion.vue";
import AlertView from "../shad/Alert.vue";
import BallBase from "@/components/animations/BallBase.vue";
import BallBounced from "@/components/animations/BallBounced.vue";
import BallComplex from "@/components/animations/BallComplex.vue";
import DotLoading from "@/components/animations/DotLoading.vue";
import PuzzleLoading from "@/components/animations/PuzzleLoading.vue";
import Print from "@/components/animations/Print.vue";
import AspectRatio from "../shad/AspectRatio.vue";
import Avatar from "@/shad/Avatar.vue";
import Badge from "@/shad/Badge.vue";
import Breadcrumb from "@/shad/Breadcrumb.vue";
import CardTurnBack from "@/components/animations/CardTurnBack.vue";
import CardHover from "@/components/animations/CardHover.vue";

const routes = [
  { path: "/", component: HomeView },
  { path: "/about", component: AboutView },
  { path: "/login", component: LoginView },
  { path: "/chart-line", component: ChartLineView },
  { path: "/loading", component: AmazingLoading },
  { path: "/dot-loading", component: DotLoading },
  { path: "/ball-base", component: BallBase },
  { path: "/card-turn-back", component: CardTurnBack },
  { path: "/card-hover", component: CardHover },
  { path: "/ball-bounced", component: BallBounced },
  { path: "/ball-complex", component: BallComplex },
  { path: "/puzzle-loading", component: PuzzleLoading },
  { path: "/print", component: Print },
  { path: "/alert", component: AlertView },
  { path: "/mode", component: ModeView },
  { path: "/accordion", component: AccordionView },
  { path: "/aspect-ratio", component: AspectRatio },
  { path: "/avatar", component: Avatar },
  { path: "/badge", component: Badge },
  { path: "/breadcrumb", component: Breadcrumb },
];

const router = createRouter({
  history: createWebHistory(),
  routes,
});

export default router;
